Travlez Html Template
template documentation version 1.0
Introduction
- Item Name : Travelz – Multipurpose Booking Htnl Template
- Item Version : v 1.0
- Author : Nile-Theme
First of all, Thank you so much for purchasing this template and for being my loyal customer.
You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.
This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn basics here, here and here.
Requirements
You will need the following sofwares to customize this template.
- Code Editing Software (eg: Dreamweaver, Sublime Text or Notepad)
- Web Browser for testing (eg: Google Chrome or Mozilla Firefox)
- FTP Tool to upload files to Server (eg: FileZilla)
Be careful while editing the template. If not edited properly, the design layout may break completely.
No support is provided for faulty customization.
Getting Started #back to top
- Unzip the downloaded package and open the /HTML folder to find all the template files. You will need to upload these files to your hosting web server using FTP in order to use it on your website.
- Below is the folder structure and needs to be uploaded to your website root directory:
HTML/css- Stylesheet filesHTML/fonts– Icon font filesHTML/images- Image filesHTML/js- Javacript filesHTML/video– Video files
- You should upload all or specific HTML files as per your need.
- You're now good to go..! Start adding your content/images and generate your beautiful brand new website for your awesome users.
Header Layout ( 1 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 2 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 3 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 4 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 5 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 6 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 7 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 7 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 9 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Header Layout ( 10 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 1 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 2 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 3 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 4 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 5 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 6 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 7 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 8 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 9 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Footer Layout ( 10 ) #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Gallery full width #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Gallery 2 column #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Gallery 3 column #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Gallery 4 column #back to top
Simply adding the Header Type CSS class to the Header Element and change the header structure that you need
Blog Grid 4 colm #back to top
Simply adding the Blog Type CSS class to the Blog Element and change the header structure that you need
List Layout #back to top
Simply adding the Blog Type CSS class to the Blog Element and change the header structure that you need
Lorem Ipsum Dolor Sit amet, Consectetur Adipisicing Elit, Sed Do Eiusmod Tempor Incididunt
Mauris fermentum porta sem, non hendrerit enim bibendum consectetur. Fusce diam est, porttitor vehicula gravida at
Classic Layout #back to top
Simply adding the Blog Type CSS class to the Blog Element and change the header structure that you need
Lorem Ipsum Dolor Sit amet, Consectetur Adipisicing Elit, Sed Do Eiusmod Tempor Incididunt
Mauris fermentum porta sem, non hendrerit enim bibendum consectetur. Fusce diam est, porttitor vehicula gravida at, accumsan bibendum tincidunt imperdiet. Maecenas quis magna faucibus, varius ante sit amet, varius augue. Praesent aliquam, augue ac pulvinar accumsan
Hotel Grid #back to top
Simply adding the Hotel Layout Type CSS class to the Hotel Layout Element and change the header structure that you need
Adel New Hotel
United Kingdom London
Lorem Ipsum is simply dummy text of the printing and typesetting industry. the industry's standard dummy text ever since the 1500s
$500Person
Booking Now
Hotel List #back to top
Simply adding the Hotel Layout Type CSS class to the Hotel Layout Element and change the header structure that you need
Adel New Hotel
United Kingdom London
Booking Now
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
$500Person
Flight List #back to top
Simply adding the Hotel Layout Type CSS class to the Hotel Layout Element and change the header structure that you need
from: Riyadhto: Paris
Booking Now
Desparture : 28/3/2017
Return : 28/3/2017
$500Person
Oneway flight 2 Sotp
Flight grid #back to top
Simply adding the hotel grid Type CSS class to the hotel grid Layout Element and change the header structure that you need
Rabie Airport
Desparture : 28/3/2017
Return : 28/3/2017
from: Riyadhto: Paris
$500Person
Oneway flight 2 Sotp
Booking Now
Car Grid #back to top
Simply adding the Hotel Layout Type CSS class to the Hotel Layout Element and change the header structure that you need
Mercedes,Benz G
United Kingdom London
Lorem Ipsum is simply dummy text of the printing and typesetting industry. the industry's standard dummy text ever since the 1500s
$500Day
Booking Now
Car List #back to top
Simply adding the Hotel Layout Type CSS class to the Hotel Layout Element and change the header structure that you need
Mercedes,Benz G
United Kingdom London
Select Now
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
$500day